<template>
  <div>
    <CommonHead pageTitle="设置"/>
    <ul class="h-setting-list">
      <li>用户协议</li>
      <li>关于安心食疗</li>
      <li>去评分</li>
      <li>清除缓存</li>
    </ul>
    <div class="h-setting-quit" @click="quitLogin">退出</div>
  </div>
</template>

<script>
import CommonHead from '../../components/mine/commonHead'
  export default {
    name: 'Setting',
    components: {
      CommonHead
    },
    data () {
      return {}
    },
    methods: {
      quitLogin () {
        //退出登录（清除本地存储信息即可）
        //页面返回我的界面
        this.$router.push('/mine')
      }
    }
  }
</script>

<style scoped>

/*设置身体*/
.h-setting-list{
  margin-top: 0.2rem;
}
.h-setting-list>li{
  height: 0.75rem;
  line-height: 0.75rem;
  padding-left: 0.23rem;
  background-color: #fff;
  margin-bottom: 0.03rem; 
}
.h-setting-quit{
  width: 5.12rem;
  height: 0.75rem;
  line-height: 0.75rem;
  background-color: #13bf92;
  color: #fff;
  font-size: 0.36rem;
  letter-spacing: 0.02rem;
  margin: 1.6rem auto;
  border-radius: 0.1rem;
  text-align: center;
}
</style>